<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品上架</title>
    <script src="../js/jquery.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/release.css">
    <link rel="stylesheet" href="../css/main.css">
    <script src="../js/release.js"></script>
</head>
<body>
    <header>

    </header>
    <!--header end-->
    <section class="input-container">
        <header>
            123
        </header>
        <!--input info-->
        <section>
            <form action="" class="">
                <!--input title-->
                <div class="form-group">
                    <label for="sellTitle">标题:</label>
                    <input class="form-control" type="text" name="sellTitle" id="sellTitle" placeholder="请输入标题..">
                </div>
                <!--input img-->
                <div class="inputFileImg" id="imgList">
                    <!--inputFile-->
                    <div class="testimg" id="">
                        <a href="#" class="fileStyle">
                            <input type="file" value="" name="" id="inputPicUpload" class="" multiple>
                        </a>
                        <span>添加图片</span>
                    </div>
                </div>
                <!--description info-->
                <div class="clearFloat">
                    <span>&#40;请在50-350个字范围内描述商品&#41;</span>
                    <span class="fr">还剩余<b><i id="commodityDescriptionSurplus">300</i></b>个字</span>
                    <textarea class="form-control" name="commodityDescription" id="commodityDescription" cols="30" rows="8" maxlength="350" placeholder="描述一下你的商品吧.."></textarea>
                </div>
                <!--choose input class-->
                <div class="radio">
                    <span style="font-weight:bold;margin-right:10px;">出售方式:</span>
                    <label for="optionRadio-1" class="radio-inline">
                        <input type="radio" value="option-1" name="sellClassify" id="optionRadio-1">
                        一口价
                    </label>
                    <label for="optionRadio-2" class="radio-inline">
                        <input type="radio" value="option-2" name="sellClassify" id="optionRadio-2">
                        拍卖
                    </label>
                    <label for="optionRadio-3" class="radio-inline">
                        <input type="radio" value="option-3" name="sellClassify" id="optionRadio-3">
                        不开价
                    </label>
                </div>
                <!--price-->
                <div class="form-group">
                    <label for="sellPrice">价格:</label>
                    <span style="color:#cccccc;">&#40;&yen;&#41;</span>
                    <input type="text" name="sellPrice" id="sellPrice" class="form-control" placeholder="请输入商品出售价格..">
                </div>
                <div class="form-group">
                    <label for="">原价:</label>
                    <span style="color:#cccccc;">&#40;&yen;&#41;</span>
                    <input type="text" class="form-control" placeholder="可选择填写商品原价格..">
                </div>
                <!--select-->
                <div class="form-group">
                    <label for="">分类:</label>
                    <span style="color:#cccccc;">&#40;请选择商品所属类型&#41;</span>
                    
                    <ul class="commodityClassify">
                        <li class="classOne">
                            <a href="#">数码电器|电脑配件</a>
                            <ul class="classTwo checkbox">
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                            </ul>
                        </li>
                        <li class="classOne">
                            <a href="#">日用品|家具</a>
                            <ul class="classTwo checkbox">
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                            </ul>
                        </li>
                        <li class="classOne">
                            <a href="#">书刊音像|文体</a>
                            <ul class="classTwo checkbox">
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                            </ul>
                        </li>
                        <li class="classOne">
                            <a href="#">其他</a>
                            <ul class="classTwo checkbox">
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                                <li>
                                    <input type="checkbox" value="">
                                    电脑配件
                                </li>
                            </ul>
                        </li>
                    </ul>

                    <!--<select name="commodityClassify" id="commodityClassify" class="form-control">
                        <option value=""></option>
                        <option value="">书籍</option>
                        <option value="">日用品</option>
                        <option value="">手机支架</option>
                        <option value="">椅子</option>
                        <option value="">健身器材</option>
                    </select>-->
                </div>

                <footer style="overflow:hidden">
                    <button type="submit" id="inputSell" class="btn btn-primary fr">商品上架</button>
                </footer>
            </form>
        </section>
    </section>
    <!--section end-->
    <footer>

    </footer>
</body>
</html>